<template>
	<view class="mainbgc">
		<header-top :messageInfo="{typeFlag:true,message:'盘点完成',liner:false}"></header-top>
		<view class="mainpadding2">
			<view class="ffffff radius mainpadding_top itembox">
				<view class="lable">已完成</view>
				<view class="flexleft">
					<view class="userimg">
						<image src="../../../static/image/news/news1.png" mode=""></image>
						<!-- 男女生 -->
						<!-- <view class="boy"></view> -->
						<view class="girl"></view>
					</view>
					<view class="userinfo">
						<view class="titletext">陈嘉映</view>
						<view class="flexbetween margin_top">
							<view>手机号:18203482434</view>
							<view>2022-07-14 15:32:23</view>
						</view>
					</view>
				</view>
				<view class="mainpadding_top bottombox radius">
					<view class="flexbetween">
						<view>
							<text>盘亏成本:</text>
							<text style="color: #fc2b2b;">￥888.00</text>
						</view>
						<view>
							<text>盘盈成本:</text>
							<text style="color: #07aa34;">￥888.00</text>
						</view>
					</view>
					<view class="margin_top">
						<text>产品共计:</text>
						<text style="color: #fc2b2b;">15种 36箱</text>
					</view>
				</view>
			</view>
		
			<view class="bottom flexbetween">
				<view class="child">
					共计：<text class="redtext">15种 36箱</text>
				</view>
				<view class="child">
					盘亏：<text class="redtext">￥200</text>
				</view>
				<view class="child">
					盘盈：<text class="redtext">￥300</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.itembox{
		position: relative;
	}
	.lable{
		background-color: #e7f9fa;
		position: absolute;
		right: 0;
		top: 0;
		padding: 10rpx 30rpx;
		font-size: 20rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		line-height: 23rpx;
		border-bottom-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
	}
	.userimg{
		width: 84rpx;
		height: 84rpx;
		margin-right: 30rpx;
		position: relative;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.boy{
		position: absolute;
		bottom: -8rpx;
		left: 50%;
		transform: translate(-50%,0%);
		width: 16rpx;
		height: 16rpx;
		background-image: url("@/static/image/news/boy.png");
		background-size: 100% 100%;
	}
	.girl{
		position: absolute;
		bottom: -8rpx;
		left: 50%;
		transform: translate(-50%,0%);
		width: 16rpx;
		height: 16rpx;
		background-image: url("@/static/image/news/girl.png");
		background-size: 100% 100%;
	}
	.userinfo{
		width: 80%;
		font-size: 20rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}
	.bottombox{
		background-color: #F1F1F1;
		font-size: 22rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
	}
	.bottom{
		padding: 0 30rpx 30rpx;
	}
	.child{
		font-size: 24rpx;
	}
</style>
